<template>
  <div class="mt-3 mx-5" style="width:600px">
    <h2>Web console</h2>
    <p>Web console for function test.</p>
    <button @click="runTest">Run test</button>
    <h3>Console result:</h3>
    <pre class="mt-3 pt-2 border border-primary">{{ consoleTexts.join("\r\n") }}</pre>
  </div>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';

@Component({
  components: {}
})
export default class Console extends Vue {
  private consoleTexts: string[] = [''];

  private runTest(): void {
    this.consoleTexts.push('Run some test.');
  }
}
</script>
